<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/public.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/iconFont/iconfont.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/seller/attribute_style.css">
    <link rel="stylesheet" href="//unpkg.com/element-ui@2.15.1/lib/theme-chalk/index.css">
</head>
<body>
<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.15.3/lib/index.js"></script>
<script src="${pageContext.request.contextPath}/static/js/frame/jquery-3.5.1.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/frame/totoro-utils.js"></script>
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>

<div id="header">
    <div class="clearfix" data-spm="a1zvu" data-spm-max-idx="2">
        <h1 class="logo">
            <a href="//www.taobao.com/?spm=a313o.7775905.a1zvu.1.Fs1152" class="taobao-logo" >Taobao.com - 阿里巴巴旗下网站</a>
            <a href="//myseller.taobao.com/seller_admin.htm" class="sub-logo">卖家中心</a>
        </h1>
    </div>
</div>
<div id="root">
    <input type="hidden" id="virtual" value="${isVirtual}"/>
    <c:if test="${spus!=null}" var="isNull">
    <div id="ROOT" style="display: block;">
        <div class="" id="smart-publish-header" style="display: block;">
            <ol id="struct-step" class="next-step next-step-arrow next-step-horizontal next-step-label-vertical">
                <li style="width: auto;" class="next-step-item next-step-item-finish next-step-item-first">
                    <div class="next-step-item-container">
                        <div class="next-step-item-title">上传预填材料</div>
                    </div>
                </li>
                <li style="width: auto;" class="next-step-item next-step-item-process next-step-item-last">
                    <div class="next-step-item-container">
                        <div class="next-step-item-title">完善商品信息</div>
                    </div>
                </li>
            </ol>
            <div style="width: 1098px; height: 44px;">
                <div class="next-affix" style="width: 1098px;">
                    <ul class="next-menu next-hoz next-menu-selectable-single next-nav next-normal next-active next-top sell-nav">
                        <li data-loction = "188" id="jc" class="next-menu-item next-nav-item next-selected">
                            <div class="next-menu-item-inner">
										<span class="next-menu-item-text">
											<span> 基础信息 </span>
										</span>
                            </div>
                        </li>
                        <li data-loction = "1473" id="xs" class="next-menu-item next-nav-item">
                            <div class="next-menu-item-inner">
										<span class="next-menu-item-text">
											<span> 销售信息</span>
										</span>
                            </div>
                        </li>
                        <li data-loction = "2326" id="zf" class="next-menu-item next-nav-item">
                            <div class="next-menu-item-inner">
										<span class="next-menu-item-text">
											<span> 支付信息</span>
										</span>
                            </div>
                        </li>
                        <li class="next-menu-item next-nav-item">
                            <div class="next-menu-item-inner">
										<span class="next-menu-item-text">
											<span>
											物流信息
											</span>
										</span>
                            </div>
                        </li>
                        <li class="next-menu-item next-nav-item ">
                            <div class="next-menu-item-inner">
										<span class="next-menu-item-text">
											<span>图文描述</span>
										</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="" style="display: block;">
            <div class="next-loading sell-block" id="card-base">
                <div class="next-loading-wrap">
                    <div class="content">
                        <div class="next-loading next-loading-inline l-block-template" style="display: block;" id="template-base">
                            <div class="next-loading-wrap">
                                <div class="block-header">
                                    <h2 class="title">基础信息</h2>
                                    <button type="button"class="next-btn next-medium next-btn-normal">
                                        <span class="next-btn-helper">存为新模板</span>
                                    </button>
                                    <span class="tips">
												第一次使用模板，请
												<a>点此查看详情</a>
												 学习
											</span>
                                </div>
                            </div>
                        </div>
                        <div class="next-row  sell-o-addon" id="struct-title">
                            <div class="next-col next-col-3 sell-o-addon-label">
                                <div class="left-wrap">
                                    <label class="label required">宝贝标题</label>
                                </div>
                            </div>
                            <div class="next-col next-col-21 sell-o-addon-content">
                                <div class="sell-o-addon-info">
                                    <div class="info-content">
                                        <div class="tb-title">
													<span class="ipt-content">
														<span class="sell-o-input tb-title-input large-input">
                                                            <span class="input-wrap">
                                                                <span class="next-input next-medium fusion-input">
                                                                    <input placeholder="最多允许输入30个汉字（60字符）" maxlength="60" autocomplete="off" value="" height="100%" id="inputTitle">
                                                                    <span class="next-input-control">
                                                                        <span class="next-input-len">0/60</span>
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </span>
                                                    </span>
                                            <div class="tb-title-recommends"><span class="text">建议将以下推荐词添加至标题中以提升您的商品表达，请只添加符合您商品描述的内容：</span>
                                                <div class="next-tag next-tag-default next-tag-small next-tag-level-normal item">
                                                    <span class="next-tag-body">男童</span></div>
                                                <div class="next-tag next-tag-default next-tag-small next-tag-level-normal item"><span
                                                        class="next-tag-body">婴儿</span></div>
                                                <div class="next-tag next-tag-default next-tag-small next-tag-level-normal item"
                                                ><span
                                                        class="next-tag-body">上衣</span></div>
                                                <div class="next-tag next-tag-default next-tag-small next-tag-level-normal item"
                                                ><span
                                                        class="next-tag-body">卡通</span></div>
                                                <div class="next-tag next-tag-default next-tag-small next-tag-level-normal item"
                                                ><span
                                                        class="next-tag-body">半袖</span></div>
                                                <div class="next-tag next-tag-default next-tag-small next-tag-level-normal item"
                                                ><span
                                                        class="next-tag-body">宝宝</span></div>
                                                <div class="next-tag next-tag-default next-tag-small next-tag-level-normal item"
                                                ><span
                                                        class="next-tag-body">儿童</span></div>
                                                <div class="next-tag next-tag-default next-tag-small next-tag-level-normal item"
                                                ><span
                                                        class="next-tag-body">夏装</span></div>
                                                <div class="next-tag next-tag-default next-tag-small next-tag-level-normal item"
                                                ><span
                                                        class="next-tag-body">夏季</span></div>
                                                <div class="next-tag next-tag-default next-tag-small next-tag-level-normal item"
                                                ><span
                                                        class="next-tag-body">童装</span></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="sell-rich-text sell-o-rich-text bottom">
                                        <div>标题和描述关键词是否违规自检工具：<a href="//ss.taobao.com/compliance#/main"
                                        >商品合规工具</a></div>
                                        <div>即日起，标题中请勿使用制表符、换行符。若填入制表符、换行符，系统将自动替换成空格</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 自定义属性 -->
                        <div class="com-struct" id="struct-customItemProp">
<%--                            如果拥有自定义属性--%>
                            <c:if test="${requestScope.isBy}">
                            <div class="next-row oly-row-container">
                                <div class="next-col next-col-4 oly-col-container">
                                    <label class="oly-label-container left">自定义商品属性</label>
                                </div>
                                <div class="next-col next-col-20 oly-col-container">
                                    <div class="sell-info">
                                        <div class="sell-o-rich-text top">您最多可添加5组自定义属性，可参考如下2组示例：工艺：磨毛；图案：千鸟格</div>
                                        <div class="info-content">
                                            <div class="sell-custom-property">
                                                <button type="button" class="next-btn next-btn-normal next-btn-medium add-item-btn">
                                                    <!-- react-text: 84 -->添加属性<!-- /react-text --></button>
                                                <span class="desc">属性总数最多 5 组</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="sell-o-message sell-message"></div>
                                </div></div>
                            </c:if>
                                </div>
                        <!-- 类目属性 -->
                        <c:if test="${requestScope.isCt}">
                        <div class="next-row  sell-o-addon" id="struct-catProp">
                            <div class="next-col next-col-3 sell-o-addon-label">
                                <div class="left-wrap"><label class="label">类目属性</label></div>
                            </div>
                            <div class="next-col next-col-21 sell-o-addon-content">
                                <div class="sell-o-addon-info">
                                    <div class="sell-rich-text sell-o-rich-text top">
                                        错误填写宝贝属性，可能会引起宝贝下架或搜索流量减少，影响您的正常销售，请认真准确填写！</div>
                                    <div class="info-content">
                                        <div class="next-row next-row-wrap sell-catProp">
                                            <c:if test="${mustFill > 0}">
                                            <div class="next-col next-col-24 progress-container">
                                                <div class="progress-container-wrapper">
                                                    <i class="next-icon next-icon-pushpin-fill next-medium"></i>
                                                    必填项总共
                                                    <span class="sum highlight" data-value="${mustFill}">[ ${mustFill} ]</span>项， 您已完成
                                                    <span class="now highlight" data-value="0">[ 0 ]</span>项。
                                                </div>
                                            </div>
                                            </c:if>
                                            <div class="next-col next-col-12 all-items">
                                                <c:forEach items="${requestScope.spus}" var="spu" varStatus="vs">
                                                    <div class="sell-catProp-item" id="struct-p-${20000+vs.index}" data-havevalue="false" data-mustfill="${spu.mustFill}">
                                                        <div class="left-wrap">
<%--                                                            是否为必填--%>
                                                            <c:if test="${spu.mustFill == 1}" var="mf">
                                                                <label class="label required spu-title">${spu.attributeName}</label>
                                                            </c:if>
                                                            <c:if test="${!mf}">
                                                                <label class="label spu-title">${spu.attributeName}</label>
                                                            </c:if>
<%--                                                            是否为预填--%>
                                                            <c:if test="${spu.foreseeFill == 1}">
                                                                <div class="preset-tag-wrap">
                                                                    <div class="next-tag next-tag-default next-tag-small next-tag-level-normal preset-tag"><span class="next-tag-body">已预填</span></div>
                                                                </div>
                                                            </c:if>

                                                        </div>
                                                        <div class="sell-catProp-struct">
                                                            <div class="content">
<%--                                                                如果是下拉框--%>
                                                                <c:if test="${spu.inputType == 'select'}">
                                                                    <span class="next-select next-select-trigger next-select-single next-medium sell-o-select sell-catProp-item-select" data-akid="${spu.id}" data-ismf="${spu.mustFill}">
                                                                        <span class="next-input next-medium next-select-inner">
                                                                            <span class="next-select-values next-input-text-field">
                                                                                <span class="next-select-trigger-search">
                                                                                    <input placeholder="请选择" value="${spu.foreseeFill == 1?spu.foreseeInfo:''}" height="100%" readonly="true" class="spu-value">
                                                                                    <span>
                                                                                        <span>请选择</span>
                                                                                        <span>&nbsp</span>
                                                                                    </span>
                                                                                </span>
                                                                            </span>
                                                                            <span class="next-input-control">
                                                                                <span class="next-select-arrow">
                                                                                    <i class="next-icon jiantou iconfont icon-new_xiajiantou"></i>
                                                                                </span>
                                                                                <span class="next-select-clear">
                                                                                    <i class="next-icon error iconfont icon-round-error"></i>
                                                                                </span>
                                                                            </span>
                                                                        </span>
                                                                        <span  class="next-sr-only"></span>
                                                                </span>
                                                                </c:if>

<%--                                                                如果是可输入的下拉框--%>
                                                                 <c:if test="${spu.inputType == 'inputSelect'}">
                                                                    <span class="next-select next-select-trigger next-select-single next-medium sell-o-select sell-catProp-item-select" data-akid="${spu.id}">
                                                                        <span class="next-input next-medium next-select-inner">
                                                                            <span class="next-select-values next-input-text-field">
                                                                                <span class="next-select-trigger-search">
                                                                                    <input placeholder="请选择或输入" value="" height="100%" class="spu-value">
                                                                                    <span>
                                                                                        <span>请选择或输入</span>
                                                                                        <span>&nbsp</span>
                                                                                    </span>
                                                                                </span>
                                                                            </span>
                                                                            <span class="next-input-control">
                                                                                <span class="next-select-arrow">
                                                                                    <i class="next-icon jiantou iconfont icon-new_xiajiantou"></i>
                                                                                </span>
                                                                                <span class="next-select-clear">
                                                                                    <i class="next-icon error iconfont icon-round-error"></i>
                                                                                </span>
                                                                            </span>
                                                                        </span>
                                                                        <span  class="next-sr-only"></span>
                                                                </span>
                                                             </c:if>
<%--                                                                如果是复选框--%>
                                                                <c:if test="${spu.inputType == 'checkbox'}">
                                                                    <div class="next-checkbox sell-o-custom-dlg-checkbox sell-catProp-item-checkbox" data-akid="${spu.id}">
                                                                        <button type="button" class="next-btn next-medium next-btn-normal setUp" data-open="false">
                                                                            <span class="next-btn-helper">设置</span>
                                                                        </button>
                                                                        <div class="selected-content spu-value" data-spm-anchor-id="a2126o.11854294.0.i25.55c848319fkFnY" style="display: none"></div>
                                                                    </div>
                                                                </c:if>
<%--                                                                    如果是小复选框--%>
                                                                <c:if test="${spu.inputType == 'smallCheckbox'}">
                                                                                <div class="next-smallCheckbox sell-o-custom-tile-checkbox sell-catProp-item-checkbox">
                                                                                    <div class="sell-o-custom-base-smallCheckbox layui-form spu-value">
                                                                                        <c:set var="vals" value="${fn:split(spu.spuValue.value, ',')}"></c:set>
                                                                                        <c:forEach begin="0" end="${fn:length(vals)-1}" var="i">
                                                                                            <div class="small-checkbox-item">
                                                                                                <input type="checkbox" name="c" lay-skin="primary" lay-filter="small-checkbox"/>
                                                                                                <span>${vals[i]}</span>
                                                                                            </div>
                                                                                        </c:forEach>
                                                                                    </div>
                                                                                </div>
                                                                </c:if>

                                                            </div>
<%--                                                            <div class="sell-rich-text info-bottom">未找到需要的品牌，--%>
<%--                                                                <a href="//baike.taobao.com/brandApply.htm?catId=50013189">点击申请</a>--%>
<%--                                                            </div>--%>
                                                            <div class="item-msg"></div>
                                                        </div>
                                                    </div>

                                                </c:forEach>
                                        </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </c:if>
                        </div>
                        <div class="next-row  sell-o-addon" id="struct-stuffStatus">
                            <div  class="next-col next-col-3 sell-o-addon-label">
                                <div class="left-wrap"><label class="label required">宝贝类型</label></div>
                            </div>
                            <div
                                    class="next-col next-col-21 sell-o-addon-content layui-form">
                                <div class="sell-o-addon-info">
                                    <div class="info-content">
                                        <span class="sell-radio hoz">
                                            <span class="radio-item"><label>
                                                <label class="next-radio-wrapper checked ">
                                                    <span class="next-radio checked ">
                                                        <span class="next-radio-inner press"></span>
                                                        <input type="radio" name="q" class="next-radio-input" checked="" value="全新">
                                                    </span>
                                                </label>
                                                <span class="item-label">全新</span>
                                            </label>
                                            </span>
                                            <span class="radio-item"><label>
                                                <label class="next-radio-wrapper ">
                                                    <span class="next-radio ">
                                                        <span class="next-radio-inner unpress"></span>
                                                        <input type="radio" name="q" class="next-radio-input" value="二手"></span>
                                                </label>
                                                <span class="item-label">二手</span>
                                            </label>
                                            </span>
                                        </span>
                                    </div>
                                    <div class="sell-rich-text sell-o-rich-text bottom">
                                        <div>您的消保保证金额度不足，已启动账期保障，<a
                                        >查看详情</a>。</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="next-row  sell-o-addon" id="struct-globalStock">
                            <div  class="next-col next-col-3 sell-o-addon-label">
                                <div class="left-wrap"><label class="label required">采购地</label></div>
                            </div>
                            <div
                                    class="next-col next-col-21 sell-o-addon-content layui-form">
                                <div class="sell-o-addon-info">
                                    <div class="info-content">
                                        <div class="tab-nest sell-tab-nest-container  sell-globalStock">
                                            <div class="tab-nest-radio-group">
                                                <div class="sell-o-info tabNest-radio-info">
                                                    <div class="info-content">
                                                        <label class="next-radio-wrapper tab-nest-radio checked ">
                                                            <span class="next-radio checked ">
                                                                <span class="next-radio-inner press"></span>
                                                                <input type="radio" name="a" class="next-radio-input" checked="" value="中国大陆地区"></span>
                                                            <span class="next-radio-label">中国大陆地区</span>
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="sell-o-info tabNest-radio-info">
                                                    <div class="info-content help-padding">
                                                        <label class="next-radio-wrapper tab-nest-radio ">
                                                            <span class="next-radio ">
                                                                <span class="next-radio-inner unpress"></span>
                                                                <input type="radio" name="a" class="next-radio-input" value="中国港澳台地区及海外"></span>
                                                            <span class="next-radio-label">中国港澳台地区及海外</span>
                                                        </label>
                                                        <i class="next-icon next-icon-help next-small help-trigger"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="next-row  sell-o-addon" id="struct-shopcat">
                            <div  class="next-col next-col-3 sell-o-addon-label">
                                <div class="left-wrap"><label class="label">店铺中分类</label></div>
                            </div>
                            <div  class="next-col next-col-21 sell-o-addon-content">
                                <div class="sell-o-addon-info">
                                    <div class="sell-rich-text sell-o-rich-text top">最多支持选择10项分类，<a

                                    >查看店铺分类</a></div>
                                    <div class="info-content"><span
                                            class="next-select next-select-trigger next-select-multiple next-medium sell-shop-category next-inactive next-no-search"
                                    ><span
                                            class="next-input next-medium next-select-inner"><span
                                            class="next-select-values next-input-text-field"><span
                                            class="next-select-trigger-search"><input
                                            placeholder="选择分类" value=""
                                            height="100%"><span
                                    ><span>选择分类</span><span>&nbsp;</span></span></span></span><span
                                            class="next-input-control"><span
                                            class="next-select-arrow"><i
                                            class="next-icon next-icon-arrow-down next-medium next-select-symbol-fold"></i></span></span></span><span
                                            class="next-sr-only" ></span></span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="next-loading sell-block hidden" id="card-food">
                <div class="next-loading-wrap">
                    <h2 class="title">食品安全</h2>
                    <div class="content"></div>
                </div>
            </div>
            <div class="next-loading sell-block" id="card-sale">
                <div class="next-loading-wrap" id="skuTable">
                    <div class="content">
                        <div class="next-loading next-loading-inline l-block-template" style="display: block;"
                             id="template-sale">
                            <div class="next-loading-wrap">
                                <div class="block-header">
                                    <h2 class="title">销售信息</h2><button type="button"
                                                                       class="next-btn next-medium next-btn-normal"><span
                                        class="next-btn-helper">存为新模板</span></button><span
                                        class="tips">第一次使用模板，请 <a
                                >点此查看详情</a> 学习</span>
                                </div>
                            </div>
                        </div>
                        <div class="next-row  sell-o-addon" id="struct-saleProp">
                            <div  class="next-col next-col-3 sell-o-addon-label">
                                <div class="left-wrap"><label class="label"></label></div>
                            </div>
                            <div  class="next-col next-col-21 sell-o-addon-content">
                                <div class="sell-o-addon-info">
                                    <div class="sell-rich-text sell-o-rich-text top">销售属性必须成套使用，颜色分类+参考身高
                                        请全选或全不选，不能只设置一部分。</div>
                                    <div class="info-content">
                                        <div class="sell-info">
                                            <div class="info-content"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <c:forEach items="${skuList}" var="sku" varStatus="status">
                        <%--  如果是主要颜色 --%>
                        <c:if test="${sku.skuList.id == 1}" var="primaryColor">
                            <div class="next-row  sell-o-addon" id="struct-p-1-color">
                                <div  class="next-col next-col-3 sell-o-addon-label">
                                    <div class="left-wrap"><label class="label required">颜色分类</label></div>
                                </div>
                                <div  class="next-col next-col-21 sell-o-addon-content layui-form">
                                    <div class="sell-o-addon-info">
                                        <div class="sell-rich-text sell-o-rich-text top"><b
                                                style="color:#ff6600">请选择或直接输入主色，标准颜色可增加搜索/导购机会</b>，还可填写颜色备注信息（偏深、偏亮等）！<a
                                        >查看详情</a><br>属性图上传功能更新，亲可以在sku设置中找到图片上传入口哦！
                                        </div>
                                        <div class="info-content">
                                            <div class="sell-color-checkbox">
                                                <ul>
                                                    <li class="sell-color-checkbox-item">
                                                        <div class="sell-color-checkbox-item-wrap">
                                                            <div class="sell-color-checkbox-check-wrap"></div>
                                                            <div class="input-with-warning" aria-expanded="false" data-ismf="false">
                                                                <span class="next-input next-medium color-dropdown-input">
                                                                    <input placeholder="选择或输入主色" height="100%" data-comment="" class="inputPrimary">
                                                                </span>
                                                            </div>
                                                            <span class="sell-o-input sell-color-checkbox-item-remark">
                                                                <span class="input-wrap">
                                                                    <span class="next-input next-medium fusion-input">
                                                                        <input placeholder="备注（如偏深偏浅等）"value="" height="100%" class="comment">
                                                                    </span>
                                                                </span>
                                                            </span>
                                                        </div>
                                                        <div class="sell-o-message sell-color-checkbox-item-msg">
                                                        </div>
                                                    </li>
                                                </ul>
                                                <div class="sell-o-sort-box sort-box">
                                                    <button type="button" class="next-btn next-medium next-btn-normal next-btn-text sort-btn">
                                                        <span class="next-btn-helper">开始排序</span>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </c:if>
                        <c:if test="${!primaryColor}">
                            <div class="next-row  sell-o-addon other-slt" id="struct-p-122" data-title="${sku.skuList.slName}">
                                <div  class="next-col next-col-3 sell-o-addon-label">
                                    <div class="left-wrap"><label class="label required">${sku.skuList.slName}</label></div>
                                </div>
                                <div  class="next-col next-col-21 sell-o-addon-content">
                                    <div class="sell-o-addon-info">
                                        <div class="info-content">
                                            <div class="sell-sequential-combobox sell-o-sequential-combobox">
                                                <%--  是否支持自定义 --%>
                                                <c:if test="${sku.skuList.isBy == 1}">
                                                    <div class="sell-sequential-combobox-custom-wrap sell-sequential-combobox-children-wrap sell-sequential-combobox-add-custom">
														<span class="sell-o-error-hoc">
                                                            <span class="sell-o-input">
                                                                <span class="input-wrap">
                                                                    <span class="next-input next-medium fusion-input">
                                                                        <input placeholder="请输入自定义值" value="" height="100%"/>
                                                                    </span>
                                                                </span>
                                                            </span>
															<div class="sell-o-message">

                                                            </div>
														</span>
                                                        <button type="button" class="next-btn next-medium next-btn-normal confirm-btn">
                                                            <span class="next-btn-helper"> </span>
                                                            <span class="next-btn-helper">+ 添加</span>
                                                        </button>
                                                    </div>
                                                </c:if>
                                                <div class="sell-sequential-checkbox checkbox-group layui-form">
                                                    <div class="sequential-checkbox-wrap">
                                                        <div>
<%--                                                            二、 循环值--%>
                                                            <c:set var="values" value='${fn:split(sku.skuValue.value, ",")}'></c:set>
                                                            <c:forEach begin="0" end="${fn:length(values)-1}" var="i" varStatus="status2">
                                                                <%-- 如果是颜色 --%>
                                                                <c:if test="${sku.skuList.id == 4}" var="isColor">
                                                                    <div class="option-wrap" style="width: 191.75px;">
                                                                </c:if>
                                                                        <c:if test="${!isColor}">
                                                                    <div class="option-wrap">
                                                                        </c:if>
                                                                    <div class="sell-sequential-checkbox-content"><span
                                                                            class="next-checkbox"><span
                                                                            class="next-checkbox-inner"><i
                                                                            class="next-icon next-icon-select next-xs next-checkbox-select-icon"></i>
                                                                    </span>
                                                                        <input type="checkbox" name="c" lay-skin="primary" lay-filter="otherCheckebox" data-value="${values[i]}"/>
                                                                    </span>
                                                                        <span class="next-checkbox-label">
                                                                            <c:if test="${sku.skuList.slName == '颜色分类'}" var="isColor">
                                                                            <div class="checkbox-color-block" style="background-color: rgb(${colors[status2.index].colorRgb});"></div>
                                                                            </c:if>
                                                                            <c:if test="${!isColor}">
                                                                                <span class="normal-content">${values[i]}</span>
                                                                            </c:if>
                                                                        </span>
                                                                        <%-- 颜色 --%>
                                                                        <c:if test="${sku.skuList.slName == '颜色分类'}" var="isColor">
                                                                        <span class="sell-o-input alias-input">
                                                                            <span class="input-wrap">
                                                                                <span class="next-input next-small fusion-input">
                                                                                    <input placeholder="${values[i]}" height="100%" autocomplete="off" value="${values[i]}">
                                                                                </span>
                                                                            </span>
                                                                        </span>
                                                                        </c:if>

                                                                    </div>
                                                                </div>
                                                            </c:forEach>
                                                        </div>
                                                    </div>
                                                    <div class="bottom-wrap">
                                                        <div class="sell-o-sort-box sort-box"><button type="button"
                                                                                                      class="next-btn next-medium next-btn-normal next-btn-text sort-btn"><span
                                                                class="next-btn-helper">开始排序</span></button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                </c:if>
                        </c:forEach>


<%--                                <p>NO!!!2</p>--%>

<%--                                <div class="next-row  sell-o-addon" id="struct-p-122216343">--%>
<%--                                    <div  class="next-col next-col-3 sell-o-addon-label">--%>
<%--                                        <div class="left-wrap"><label class="label required">参考身高</label></div>--%>
<%--                                    </div>--%>
<%--                                    <div  class="next-col next-col-21 sell-o-addon-content">--%>
<%--                                        <div class="sell-o-addon-info">--%>
<%--                                            <div class="info-content">--%>
<%--                                                <div class="sell-sequential-combobox sell-o-sequential-combobox">--%>
<%--                                                    <div--%>
<%--                                                            class="sell-sequential-combobox-custom-wrap sell-sequential-combobox-children-wrap sell-sequential-combobox-add-custom">--%>
<%--														<span class="sell-o-error-hoc"><span class="sell-o-input"><span--%>
<%--                                                                class="input-wrap"><span--%>
<%--                                                                class="next-input next-medium fusion-input"><input--%>
<%--                                                                placeholder="请输入自定义值" value=""--%>
<%--                                                                height="100%"></span></span></span>--%>
<%--															<div class="sell-o-message"></div>--%>
<%--														</span><button type="button"--%>
<%--                                                                       class="next-btn next-medium next-btn-normal confirm-btn"><span--%>
<%--                                                            class="next-btn-helper"> </span><span--%>
<%--                                                            class="next-btn-helper">+ 添加</span></button>--%>
<%--                                                    </div>--%>
<%--                                                    <div class="sell-sequential-checkbox checkbox-group layui-form">--%>
<%--                                                        <div class="sequential-checkbox-wrap">--%>
<%--                                                            <div>--%>
<%--                                                                <c:forEach begin="0" end="20" var="i">--%>
<%--                                                                    <div class="option-wrap" style="width: 112.571px;">--%>
<%--                                                                        <div class="sell-sequential-checkbox-content"><span--%>
<%--                                                                                class="next-checkbox"><span--%>
<%--                                                                                class="next-checkbox-inner"><i--%>
<%--                                                                                class="next-icon next-icon-select next-xs next-checkbox-select-icon"></i></span><input--%>
<%--                                                                                type="checkbox" name="c"--%>
<%--                                                                                lay-skin="primary" data-value="${i}cm"/></span><span--%>
<%--                                                                                class="next-checkbox-label"><span--%>
<%--                                                                                class="normal-content">${i}cm</span></span>--%>
<%--                                                                        </div>--%>
<%--                                                                    </div>--%>
<%--                                                                </c:forEach>--%>
<%--                                                            </div>--%>
<%--                                                        </div>--%>
<%--                                                        <div class="bottom-wrap">--%>
<%--                                                            <div class="sell-o-sort-box sort-box"><button type="button"--%>
<%--                                                                                                          class="next-btn next-medium next-btn-normal next-btn-text sort-btn"><span--%>
<%--                                                                    class="next-btn-helper">开始排序</span></button>--%>
<%--                                                            </div>--%>
<%--                                                        </div>--%>
<%--                                                    </div>--%>
<%--                                                </div>--%>
<%--                                            </div>--%>
<%--                                        </div>--%>
<%--                                    </div>--%>
<%--                                </div>--%>

                        <div class="next-row  sell-o-addon" id="struct-sku" style="display: none">
                            <div  class="next-col next-col-3 sell-o-addon-label">
                                <div class="left-wrap"><label class="label">宝贝销售规格</label></div>
                            </div>
                            <div  class="next-col next-col-21 sell-o-addon-content">
                                <div class="sell-o-addon-info">
                                    <div class="info-content">
                                        <div class="sell-sku">
                                            <div class="common-values-wrap"><span
                                                    class="common-info">在标题栏中输入或选择内容可以进行筛选和批量填充</span>
                                                <button id="batchFill"
                                                    type="button"
                                                    class="next-btn next-medium next-btn-primary sell-sku-common-confirm-btn"><span
                                                    class="next-btn-helper">批量填充</span></button></div>
                                            <div class="sell-sku-table-wrapper">
                                                <div class="sell-sku-table-wrap">
                                                    <div class="sell-sku-thead-wrap">
                                                        <div class="sell-sku-inner-table"
                                                             style="padding-right: 0px; width: 869.467px;">
                                                            <div class="sell-sku-thead sell-sku-div-head">
                                                                <c:forEach items="${skuList}" var="sku">
                                                                    <c:set var="textWidth" value="125.19" scope="page"></c:set>
                                                                    <c:if test="${fn:length(skuList) == 1}">
                                                                        <c:set var="colorWidth" value="125.19" scope="page"></c:set>
                                                                        <c:set var="moneyWidth" value="125.19" scope="page"></c:set>
                                                                        <c:set var="countWidth" value="124.64" scope="page"></c:set>
                                                                    </c:if>
                                                                    <c:if test="${fn:length(skuList) == 2}">
                                                                        <c:set var="colorWidth" value="125.11" scope="page"></c:set>
                                                                        <c:set var="moneyWidth" value="124.64;" scope="page"></c:set>
                                                                        <c:set var="countWidth" value="115.23" scope="page"></c:set>
                                                                    </c:if>
                                                                    <div class="sell-sku-head-cell" title="${sku.skuList.slName}" style="width: ${textWidth}px;">
                                                                        <div class="sell-o-info">
                                                                            <div class="info-content">
                                                                                <div class="sell-sku-table-header-common">
                                                                                    <div class="sell-sku-header-common-condition">
                                                                                    <span class="next-select next-select-trigger next-select-single next-medium sell-o-select sell-sku-header-common-condition-select next-inactive next-no-search next-has-clear">
                                                                                        <span class="next-input next-medium next-select-inner">
                                                                                            <span class="next-select-values next-input-text-field">
                                                                                                <span class="next-select-trigger-search">
                                                                                                    <input placeholder="${sku.skuList.slName}" value="" height="100%">
                                                                                                    <span>
                                                                                                        <span>${sku.skuList.slName}</span>
                                                                                                        <span>&nbsp;</span>
                                                                                                    </span>
                                                                                                </span>
                                                                                            </span>
                                                                                            <span class="next-input-control">
                                                                                                <span class="next-select-arrow">
                                                                                                    <i class="next-icon next-icon-arrow-down next-medium next-select-symbol-fold"></i>
                                                                                                </span>
                                                                                                <span class="next-select-clear">
                                                                                                    <i class="next-icon next-icon-delete-filling next-medium"></i>
                                                                                                </span>
                                                                                            </span>
                                                                                        </span>
                                                                                        <span class="next-sr-only"></span>
                                                                                    </span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </c:forEach>

<%--                                                                <p> NO!!!</p>--%>

                                                                <%--  如果有颜色 --%>
                                                                <c:forEach items="${skuList}" var="sku">
                                                                </c:forEach>

                                                                <div class="sell-sku-head-cell" title="颜色分类图" style="width: 124.7188px;">
                                                                    <div class="sell-o-info">
                                                                        <div class="info-content">
                                                                            <div class="sell-sku-table-header-common">
                                                                                <div class="sell-sku-header-common-value">
                                                                                    <div class="sell-sku-cell-text">
                                                                                        <p class="sell-sku-cell-text-content" title="颜色分类图">颜色分类图</p>
                                                                                    </div></div></div></div></div>
                                                                </div>
                                                                <div class="sell-sku-head-cell" title="价格(元)" style="width: ${moneyWidth}px;">
                                                                    <div class="sell-o-info">
                                                                        <div class="info-content">
                                                                            <div class="sell-sku-table-header-common required">
                                                                                <div class="sell-sku-header-common-value">
                                                                                    <span class="sell-o-number">
                                                                                        <span class="input-wrap">
                                                                                            <span class="next-input next-medium fusion-input">
                                                                                                <input placeholder="价格(元)" value="" height="100%" id="batchPrice"/>
                                                                                            </span>
                                                                                        </span>
                                                                                    </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="sell-sku-head-cell" title="数量(件)" style="width: ${countWidth}px;">
                                                                    <div class="sell-o-info">
                                                                        <div class="info-content">
                                                                            <div
                                                                                    class="sell-sku-table-header-common required">
                                                                                <div
                                                                                        class="sell-sku-header-common-value">
																							<span
                                                                                                    class="sell-o-number"><span
                                                                                                    class="input-wrap"><span
                                                                                                    class="next-input next-medium fusion-input">
                                                                                                <input
                                                                                                    placeholder="数量(件)"
                                                                                                    value=""
                                                                                                    id="batchCount"
                                                                                                    height="100%"></span></span></span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ver-scroll-wrap" style="max-height: 600px;">
                                                        <div class="stretch" style="height: auto; width: 869.467px;">
                                                            <form id='uploadForm' encType='multipart/form-data' action="/attr/uploadCategoryImg.htm" method="post">
                                                            <table
                                                                    class="sell-sku-inner-table sell-sku-body-table"
                                                                    style="transform: translateY(0px);">
                                                                <colgroup>
                                                                    <col width="96.86666870117188px">
                                                                    <col width="96.86666870117188px">
                                                                    <col width="96.86666870117188px">
                                                                    <col width="88.71665954589844px">
                                                                    <col width="146.5px">
                                                                    <col width="146.5px">
                                                                </colgroup>
                                                                <tbody>

                                                                </tbody>
                                                            </table>
                                                            </form>
                                                        </div>
                                                    </div>
                                                    <div class="shadow shadow-left"
                                                         style="width: 0px; opacity: 0;"></div>
                                                    <div class="shadow shadow-right"
                                                         style="width: 0px; opacity: 0;"></div>
                                                    <div class="page-pad" style="opacity: 0; bottom: -30px;">
                                                        <span class="page-no">1</span> / 2
                                                    </div>
<%--                                                    <p class="bottom-notifier">—— 到底啦 ——</p>--%>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="next-row  sell-o-addon" id="struct-price">
                            <div  class="next-col next-col-3 sell-o-addon-label">
                                <div class="left-wrap"><label class="label required">一口价</label></div>
                            </div>
                            <div  class="next-col next-col-21 sell-o-addon-content">
                                <div class="sell-o-addon-info">
                                    <div class="info-content"><span class="sell-o-number has-unit"><span
                                            class="input-wrap"><span
                                            class="next-input next-medium fusion-input"><input value="" height="100%" id="flatlyPrice"/>
                                    </span>
                                    </span>
                                        <span class="input-unit">
														元</span></span></div>
                                    <div class="sell-rich-text sell-o-rich-text bottom">本类目常规价格最低是5.00元，请规范标价行为
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="next-row  sell-o-addon" id="struct-quantity">
                            <div  class="next-col next-col-3 sell-o-addon-label">
                                <div class="left-wrap"><label class="label required">总数量</label></div>
                            </div>
                            <div  class="next-col next-col-21 sell-o-addon-content">
                                <div class="sell-o-addon-info">
                                    <div class="info-content">
                                        <span class="sell-o-number has-unit">
                                            <span class="input-wrap">
                                                <span class="next-input next-disabled next-medium next-disabled fusion-input">
                                                    <input value="0" height="100%" ${isVirtual?'':'disabled'} class="${isVirtual?'':'layui-btn-disabled'}" id="count"/>
                                                </span>
                                            </span>
                                            <span class="input-unit">件</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="next-loading sell-block layui-form" id="card-pay">
                <div class="next-loading-wrap">
                    <h2 class="title">支付信息</h2>
                    <div class="content">
                        <div class="next-row  sell-o-addon" id="struct-subStock">
                            <div
                                    class="next-col next-col-3 sell-o-addon-label help-padding">
                                <div class="left-wrap"><label class="label required">库存计数</label><i

                                        class="next-icon next-icon-help next-xs help-icon"></i></div>
                            </div>
                            <div  class="next-col next-col-21 sell-o-addon-content">
                                <div class="sell-o-addon-info">
                                    <div class="info-content">
                                        <span class="sell-radio hoz">
                                            <span class="radio-item"><label>
                                                <label class="next-radio-wrapper checked ">
                                                    <span class="next-radio checked ">
                                                        <span class="next-radio-inner press"></span>
                                                        <input type="radio" name="ia" class="next-radio-input" checked="" value="0"></span>
                                                </label>
                                                <span class="item-label">买家拍下减库存</span>
                                            </label>
                                            </span>
                                            <span class="radio-item"><label>
                                                <label class="next-radio-wrapper ">
                                                    <span class="next-radio ">
                                                        <span class="next-radio-inner unpress"></span>
                                                        <input type="radio" name="ia" class="next-radio-input" value="1"></span>
                                                </label>
                                                <span class="item-label">买家付款减库存</span>
                                            </label>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="next-row  sell-o-addon" id="struct-productStatus">
                            <div
                                    class="next-col next-col-3 sell-o-addon-label help-padding">
                                <div class="left-wrap">
                                    <label class="label required">上架状态</label>
                                    <i class="next-icon next-icon-help next-xs help-icon"></i></div>
                            </div>
                            <div  class="next-col next-col-21 sell-o-addon-content">
                                <div class="sell-o-addon-info">
                                    <div class="info-content">
                                        <span class="sell-radio hoz">
                                            <span class="radio-item"><label>
                                                <label class="next-radio-wrapper checked ">
                                                    <span class="next-radio checked ">
                                                        <span class="next-radio-inner press"></span>
                                                        <input type="radio" name="st" class="next-radio-input" checked="" value="1"></span>
                                                </label>
                                                <span class="item-label">立即上架</span>
                                            </label>
                                            </span>
                                            <span class="radio-item"><label>
                                                <label class="next-radio-wrapper ">
                                                    <span class="next-radio ">
                                                        <span class="next-radio-inner unpress"></span>
                                                        <input type="radio" name="st" class="next-radio-input" value="0"></span>
                                                </label>
                                                <span class="item-label">放在仓库</span>
                                            </label>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="next-loading sell-block layui-form" id="card-deliver">
                <div class="next-loading-wrap">
                    <h2 class="title">物流信息</h2>
                    <div class="content">
                        <div class="next-row  sell-o-addon" id="struct-tbExtractWay">
                            <div  class="next-col next-col-3 sell-o-addon-label">
                                <div class="left-wrap"><label class="label required">提取方式</label></div>
                            </div>
                            <div  class="next-col next-col-21 sell-o-addon-content">
                                <div class="sell-o-addon-info">
                                    <div class="info-content">
                                        <div class="sell-transport"><span
                                                class="next-checkbox-group next-checkbox-group-hoz sell-extractway-checkbox">
														<div>
															<div class="sell-o-info">
																<div class="info-content"><span class="next-checkbox">
                                                                    <span class="next-checkbox-inner">
                                                                        <i class="next-icon next-icon-select next-xs next-checkbox-select-icon"></i>
                                                                    </span>
                                                                    <input type="checkbox" lay-skin="primary" name="z" value="使用物流配送">
                                                                </span
                                                                ><span class="next-checkbox-label">使用物流配送</span>
                                                                    </label>
																</div>
																<div class="sell-rich-text sell-o-rich-text right">
																	<div>为了提升消费者购物体验，淘宝要求全网商品设置运费模板，如何<a>使用模板</a>，查看<a>视频教程</a></div>
																	<div>使用官方寄件，一键发货，全程保障，<a>详情查看</a></div>
																</div>
															</div>
															<div class="child-block"></div>
														</div>
														<div>
															<div class="sell-o-info">
																<div class="info-content">
                                                                    <span class="next-checkbox">
                                                                    <span class="next-checkbox-inner">
                                                                        <i class="next-icon next-icon-select next-xs next-checkbox-select-icon"></i>
                                                                    </span>
                                                                    <input type="checkbox" lay-skin="primary" name="z" value="电子交易凭证">
                                                                </span>
                                                                    <span class="next-checkbox-label">电子交易凭证</span>
                                                                    </label>
																</div>
																<div class="sell-rich-text sell-o-rich-text right">
																	<div>您未开通电子凭证，<a>申请开通</a>&nbsp;<a>了解详情</a></div>
																</div>
															</div>
															<div class="child-block"></div>
														</div>
													</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="next-row hidden sell-o-addon"
                             id="struct-deliverVolumn">
                            <div  class="next-col next-col-3 sell-o-addon-label">
                                <div class="left-wrap"><label class="label">物流体积</label></div>
                            </div>
                            <div  class="next-col next-col-21 sell-o-addon-content">
                                <div class="sell-o-addon-info">
                                    <div class="info-content"><span class="sell-o-number has-unit"><span
                                            class="input-wrap"><span
                                            class="next-input next-medium fusion-input"><input

                                            height="100%"></span></span><span class="input-unit">
														立方</span></span></div>
                                    <div class="sell-rich-text sell-o-rich-text right">当前运费模板，按物流体积（含包装）计费</div>
                                </div>
                            </div>
                        </div>
                        <div class="next-row hidden sell-o-addon"
                             id="struct-deliverWeight">
                            <div  class="next-col next-col-3 sell-o-addon-label">
                                <div class="left-wrap"><label class="label">物流重量</label></div>
                            </div>
                            <div  class="next-col next-col-21 sell-o-addon-content">
                                <div class="sell-o-addon-info">
                                    <div class="info-content"><span class="sell-o-number has-unit"><span
                                            class="input-wrap"><span
                                            class="next-input next-medium fusion-input"><input

                                            height="100%"></span></span><span class="input-unit">
														千克</span></span></div>
                                    <div class="sell-rich-text sell-o-rich-text right">当前运费模板，按物流重量（含包装）计费</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="next-loading sell-block layui-form" id="card-desc" style="margin-bottom: 100px;">
                <div class="next-loading-wrap">
                    <h2 class="title">图文描述</h2>
                    <div class="content">
                        <div dir="ltr" role="row" class="next-row sell-o-addon" id="struct-desc">
                            <div dir="ltr" role="gridcell" class="next-col next-col-3 sell-o-addon-label">
                                <div class="left-warp">
                                </div>
                            </div>
                            <div dir="ltr" role="gridcell" class="next-col next-col-21 sell-o-addon-content">
                                <div class="sell-o-info">
                                    <div class="info-content">
                                        <div class="oly-ckeditor" style="width: 790px; position: relative">
                                            <div>
                                                <span style="position: absolute; padding: 13px 8px; background: rgb(62, 62, 62); border: 1px solid rgb(255, 255, 255); border-radius: 50%; right: 15px; top: 90px; color: rgb(255, 255, 255); z-index: 1001; cursor: pointer; font-size: 14px; line-height: 18px;" href="javascript:void(&quot;全屏&quot;);" title="全屏" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_88_label" aria-describedby="cke_88_description" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(194,event);" onfocus="return CKEDITOR.tools.callFunction(195,event);" onclick="CKEDITOR.tools.callFunction(196,this);return false;" id="qp">全屏</span>
                                            </div>
                                            <span></span>
                                            <div class="dm_syncbar" style="top: 76px; left:1px"></div>
                                            <div class="oly-ckeditor-selected-image-overlay" style="display: none">
                                                <input type="checkbox" id="autowidth">
                                                <label for="autowidth">适用宽度 | </label>
                                                <a>编辑 | </a>
                                                <a href="null" target="_blank" rel="noopener noreferrer">在窗口查看 | </a>
                                                <a>删除</a>
                                            </div>
                                            <script src="${pageContext.request.contextPath}/static/ckeditor/ckeditor.js"></script>
                                            <div id="editor-box" style="visibility: hidden; display: none;"></div>

                                            <div id="cke_editor" class="cke_1 cke cke_reset cke_chrome cke_editor_editor cke_ltr cke_browser_webkit" lang="zh-cn" role="application" aria-labelledby="cke_editor_arialbl" style="width: 790px;">
                                                <textarea id="editor" name="remark">

                                                </textarea>
                                                <button id="cs" style="position: relative; top: -100px">获取</button>
                                                <script>
                                                    var editor=null;
                                                    //ckeditor的配置及其配置文件路径
                                                    editor = CKEDITOR.replace('remark',
                                                        {
                                                            customConfig:'${pageContext.request.contextPath}/static/ckeditor/myConfig.js'
                                                        });

                                                    $(function () {
                                                        $("#cs").click(function () {
                                                            var content = editor.getData();
                                                            alert(content);
                                                        });
                                                    })
                                                </script>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="">
                <div class="next-affix-bottom" style="">
                    <div class="" id="struct-submit-1" style="display: block;"><button _id="step-pre-1"
                                                                                       type="button" class="next-btn next-large next-btn-normal"><span
                            class="next-btn-helper">上一步</span></button>
                        <div class="next-btn-group sell-draft-btn"><button type="button" style="display: none;"
                                                                           class="next-btn next-large next-btn-normal draft-list-btn"><i
                                class=" iconfont icon-xinfeng"></i><span>0</span></button>
                            <div class="draft-list empty">
                                <div class="content">
                                    <div class="tips">您在当前类目下的草稿（0）</div>
                                    <div class="triangle"></div>
                                </div>
                            </div><button type="button" class="next-btn next-large next-btn-normal"><span
                                    class="next-btn-helper">保存草稿</span></button>
                            <div class="new-draft">
                                <div class="content">
                                    <div class="tips">为当前草稿命名</div><span
                                        class="next-input next-medium draft-ipt"><input
                                        placeholder="为了便于识别，请给草稿命名"
                                        value="" height="100%"><span class="next-input-control"><span
                                        class="next-input-len">0/16</span></span></span>
                                    <div class="actions"><button type="button"
                                                                 class="next-btn next-medium next-btn-normal action-btn"><span
                                            class="next-btn-helper">取消</span></button><button type="button"
                                                                                              class="next-btn next-medium next-btn-primary action-btn"><span
                                            class="next-btn-helper">确定</span></button></div>
                                </div>
                            </div>
                        </div>
                        <button _id="submit" type="button" class="next-btn next-large next-btn-primary" id="release">
                            <span class="next-btn-helper">发布</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    </c:if>
        <c:if test="${!isNull}">
            <div class="publish-error" style="position: relative; top: 100px; left: -220px;">
                <h1>宝贝发布异常</h1>
                <p>类目数据无效，请重新设置，您可以<a style="color: #0B70AF" href="/seller/productCategory.htm">点击这里返回重新选择其他类目</a></p>
            </div>
        </c:if>
</div>
<div id="app" style="display: none">
    <input type="file" style="visibility: hidden" id="uploadImg" name="file"/>
    <input type="hidden" value="${cid}" id="getCid">
    <template>
        <el-button :plain="true" @click="tips" id="tips"></el-button>
        <el-button @click="success" id="success"></el-button>
    </template>
</div>
<jsp:include page="/public_page/open_chat.jsp"></jsp:include>
<script>
    window.onscroll = function (e) {
        var height=document.documentElement.scrollTop+document.body.scrollTop;
        if(193<height){
            $(".next-affix").css({
                "z-index":"10",
                "position":"fixed",
                "top":"0"
            });
        }else if(193>height){
            $(".next-affix").css({
                "z-index":"",
                "position":"",
                "top":""
            });
        }
        if(2426>height){
            $(".next-affix-bottom").css({
                "z-index":"10",
                "position":"fixed",
                "bottom":"0",
                "width":"1098"
            });
        }else if(2426<height){
            $(".next-affix-bottom").css({
                "z-index":"",
                "position":"",
                "bottom":"",
                "width":"1098"
            });
        }
        if(height>1473&&height<2326){
            $("#xs").addClass("next-selected").siblings().removeClass("next-selected");
        }else if(height<200){
            $("#jc").addClass("next-selected").siblings().removeClass("next-selected");
        }

        $(".next-top li").click(function(){
            $(this).addClass("next-selected").siblings().removeClass("next-selected");
        });
        $(".next-top li").click(function(){
            $('html,body').animate({
                scrollTop: $(this).data("loction")
            },0);
        });

    }
</script>
<script src="${pageContext.request.contextPath}/static/js/self/seller/attribute.js"></script>
</body>
</html>
